「欸欸欸那個切版，這邊要補切一下喔！」
「疑？不是都照著設計圖稿切了嗎？還有漏喔」
「喔對啊，因為沒考慮到有無資料時要怎麼長」

。。。。

STEP2 切版該思考的設計圖稿檢核

為什麼要幫設計做這件事？
因為你是實作的人，孩子，躲得了一時，逃不過一世啊
該做的沒做你要還的～
設計師通常會有一層把關，但身為切版的你還是要有洞察這些能力，
可以避免後續修改的次數喔！

Check1. 狀態 - 無資料/資料極大/極小值

最容易遇到的坑，就是資料狀態多寡影響版面
所有的資料都應該思考以下幾種狀況，需要和設計師確認這幾種狀態應該要有怎樣的呈現
1. 一般狀態
2. 無資料狀態
3. 資料極大值
4. 資料極小值

Check2. 表單的錯誤訊息

如果有表單的話，請記得，一定要有錯誤訊息的設計樣式

Check3. 是否有互動狀態

需考慮頁面上的按鈕或連結，是否會有互動狀況，是設計師未設計，還是真的不需要呢？

Check4. 綜合版型狀態 - 各種元件的消失組合呈現

當一個版型裡有多個元素，請考慮是否會有消失的元素 及 消失後應該如何呈現樣式
Ex. 卡片裡有標題、文字、按鈕。 其中一個東西會不會有可能消失，如果消失的時候要長怎樣？

Check5. 設計稿上的數值是否合理 - 數值基本上都不該出現小數點

1. 文字一律整數，建議設計師盡量不要用小於12px的字級做設計 (因chrome的預設限制）
2. 曾經遇過設計師在製作小版的時候直接用大版縮圖，因此產生了許多的小數點

Check6. 圖檔大小版應盡量避免

指的是設計師在大阪的時候調整圖片本身的內容，如圖中的文字傾斜角度改變，
而造成大版小版需要出兩張圖，這也是切版可以提醒設計的，
是否真的有必要做兩張圖切換，或是用一張圖等比縮放及可達到相同的效果，減少網頁及後續維護的loading

圖檔檢核一定不是看完就沒問題，但至少在開始前先發現問題，
減少一些數量，實作後才發現問題數量，也是減少修改loading的一環喔！